<template>
  <span :class="getMessageColorClass">{{ message }}</span>
</template>

<script>
export default {
  props: {
    message: String,
  },
  computed: {
    getMessageColorClass() {
      // 根据 message 的值决定应该应用哪个 CSS 类
      return this.message === "Accepted" ? "green-text" : "red-text";
    },
  },
};
</script>

<style>
.green-text {
  color: green; /* 设置 "Accepted" 文本的颜色为绿色 */
}

.red-text {
  color: red; /* 设置其他文本的颜色为红色 */
}
</style>
